<!DOCTYPE HTML>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>赵保柱的个人项目展示</title>
    <link href="css/style.css" rel="stylesheet" />
    <script src="js/jquery-1.6.1.min.js"></script>   
    <script src="js/scripts.js"></script>
    <script type="text/javascript">
    	$(function(){
    		$('.nextBtn').click(function(){
    			$.each($('.wrapper .list3 li'), function() {
    				if($(this).css('display')=='block'){
    					 index=$(this).index();
    				}
    			});
//  			如果为最后一个让第一个显示
    			if(index==7){
    				$('.wrapper .list3 li').eq(0).show().css({'left':0}).siblings('li').hide();
    			}else{
    				$('.wrapper .list3 li').eq(index+1).show().siblings('li').hide();
    			}
    		})
    		$('.prevBtn').click(function(){
    			$.each($('.wrapper .list3 li'), function() {
    				if($(this).css('display')=='block'){
    					 index=$(this).index();
    				}
    			});
//  			alert($('.wrapper .list3 li').length);
//  			如果为第一个让最后一个显示
    			if(index==0){
    				$('.wrapper .list3 li').eq(7).show().siblings('li').hide();
    			}else{
    				$('.wrapper .list3 li').eq(index-1).show().css({'left':0}).siblings('li').hide();
    			}
    		})
    	})
    </script>
    <!--[if lt IE 9]>
  	<script src="js/html5.js"></script>
    <link rel="stylesheet" href="css/ie.css" media="all">
    <![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>

    <div id="glob">
        <div class="spinner"></div>
        <div class="arrowL">
            <a href="#" class="prevBtn"></a>
        </div>                        
        <div class="arrowR">
            <a href="#" class="nextBtn"></a>
        </div>
        <div id="mainHolder">
            <div id="leftPanel">
                <div>
                    <h1><a href="#!/page_splash" class="logo">Vip Interior</a></h1>
                    <!-- MENU -->
                    <nav class="menu">
                        <ul id="menu">
                            <li class="no_disp"><a href="#!/page_splash"></a><strong></strong></li>
                            <li><a href="#!/page_home">首页</a><strong></strong></li>
                            <li class="with_ul"><a href="#!/page_about_us">关于我</a><strong></strong>
                            </li>
                            <li><a href="#!/page_mail">联系我</a><strong></strong></li>
                    	</ul>
               	    </nav>
                    <!-- END MENU -->
                </div>
            </div>
            <!-- CONTENT -->
            <!-- page_home gallery -->
            <div class="splash" style="margin-top: 0px;">
                <p id="hint">click to view details</p>
                <div>
            		<ul>
            			<li><a href="#!/page_home"><img src="images/page1_pic1.jpg" alt="" /></a></li>	
            			<li><a href="#!/page_home"><img src="images/page1_pic2.jpg" alt="" /></a></li>
            			<li><a href="#!/page_home"><img src="images/page1_pic4.jpg" alt="" /></a></li>
            			<li><a href="#!/page_home"><img src="images/page1_pic3.jpg" alt="" /></a></li>		
                        <li><a href="#!/page_home"><img src="images/page1_pic5.jpg" alt="" /></a></li>		
            			<li><a href="#!/page_home"><img src="images/page1_pic6.jpg" alt="" /></a></li>		
            			<li><a href="#!/page_home"><img src="images/page1_pic7.jpg" alt="" /></a></li>
            			<li><a href="#!/page_home"><img src="images/page1_pic8.jpg" alt="" /></a></li>		
                    </ul>
            	</div>
            </div>
            <!-- end page_home gallery -->
           <!-- page_interior_design gallery -->
            <div class="splash">
                <div>
            		<ul>
            			<li><a href="#!/page_interior_design"><img src="images/page1_pic1.jpg" alt="" /></a></li>
            			<li><a href="#!/page_interior_design"><img src="images/page1_pic2.jpg" alt="" /></a></li>	
                        <li><a href="#!/page_interior_design"><img src="images/page1_pic4.jpg" alt="" /></a></li>
            			<li><a href="#!/page_interior_design"><img src="images/page1_pic3.jpg" alt="" /></a></li>
            			<li><a href="#!/page_interior_design"><img src="images/page1_pic5.jpg" alt="" /></a></li>
            			<li><a href="#!/page_interior_design"><img src="images/page1_pic6.jpg" alt="" /></a></li>
            			<li><a href="#!/page_interior_design"><img src="images/page1_pic7.jpg" alt="" /></a></li>
                        <li><a href="#!/page_interior_design"><img src="images/page1_pic8.jpg" alt="" /></a></li>
                    </ul>
            	</div>
            </div>
            <!-- end page_interior_design gallery -->
            <section id="content">
                <ul>           
                    <li id="page_splash" class="no_disp"></li>
                    <li id="page_home">
                        <div class="col1 pad3">
                            <div class="wrapper">
                                <ul class="list3">
                                    <li>
                                        <a href="./fanke/index.html" target="_blank"><img src="images/page1_pic1_big.jpg" alt="" /></a>
                                        <div>
                                            <div class="inblock pad4">
                                                <a href="#!/page_splash" class="closeBtn"><span></span></a>
                                                <h2>凡客诚品纯静态首页页面</h2>
                                            	<h3>开发周期：两天</h3>
                                                <p>在学习了html和css利用周末的两天时间对div+css整体布局，代码复用，层级关系，独立仿写的凡客首页静态页面。</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <a href="./jd/index.html" target="_blank"><img src="images/page1_pic2_big.jpg" alt="" /></a>
                                        <div>
                                            <div class="inblock pad4">
                                                <a href="#!/page_splash" class="closeBtn"><span></span></a>
                                                <h2>京东首页仿制带js效果</h2>
                                            	<h3 style="text-align: right;">开发周期：四天</h3>
                                                <p>在学js的时候一边学习js和jquery一边布页面，一些常用的js效果显隐轮播和无缝轮播，tab切换，animate的使用</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <a href="./xuyuanqiang/index.php" target="_blank"><img src="images/page1_pic4_big.jpg" alt="" /></a>
                                        <div>
                                            <div class="inblock pad4">
                                                <a href="#!/page_splash" class="closeBtn"><span></span></a>
                                                <h2>许愿墙开发</h2>
                                            	<h3 style="text-align: right;">开发周期：两天</h3>
                                                <p>在学习开发框架的时候，用自己开发的骨感框架，完成了异步登录、注册、许愿功能的开发，并深入理解框架的结构</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <a href="./qqzone/index.php" target="_blank"><img src="images/page1_pic3_big.jpg" alt="" /></a>
                                        <div>
                                            <div class="inblock pad4">
                                                <a href="#!/page_splash" class="closeBtn"><span></span></a>
                                                <h2>QQ空间留言板的开发</h2>
                                            	<h3 style="text-align: right;">开发周期：两天</h3>
                                                <p>在php初步学习的阶段，模拟的数据库，对一些php常用函数file_put_contents()，数组函数和字符串函数，include，require的使用</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                    	<a href="./wenda/index.php" target="_blank"><img src="images/page1_pic5_big.jpg" alt="" /></a>
                                       
                                        <div>
                                            <div class="inblock pad4">
                                                <a href="#!/page_splash" class="closeBtn"><span></span></a>
                                                <h2>360问答系统的开发</h2>
                                            	<h3 style="text-align: right;">开发周期：七天</h3>
                                                <p>在使用自己开发的框架所写的360问答系统，使用问答开发系统的常用逻辑，面包屑导航，无限极分类，登录，回答，被采纳加金币，加经验升级等完成的问答系统</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                    	<a href="./blog/index.php" target="_blank"> <img src="images/page1_pic6_big.jpg" alt="" /></a>
                                       
                                        <div>
                                            <div class="inblock pad4">
                                                <a href="#!/page_splash" class="closeBtn"><span></span></a>
                                                <h2>CMS博客系统开发</h2>
                                            	<h3 style="text-align: right;">开发周期：七天</h3>
                                                <p>后盾框架写的一个项目，结合了smarty语法规范,对前台内容合理的调用，后台使用bootstrap,flatUI的布局,实现了对前台导航、标签、文章等内容的增删改查，能够动态的修改网站的配置，添加友链，生成静态，数据备份等功能。 </p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <a href="./wowsai/index.php" target="_blank"><img src="images/page1_pic7_big.jpg" alt="" /></a>
                                        <div>
                                            <div class="inblock pad4">
                                                <a href="#!/page_splash" class="closeBtn"><span></span></a>
                                                <h2>哇塞网购物商城前后台的开发</h2>
                                            	<h3 style="text-align: right;">开发周期：二十五天</h3>
                                                <p>在学完php和mysql之后利用将近一个月的时间，使用后盾框架独立开发的购物商城网站，其中包括数据的架构，数据的创建，数据优化，前后台布局，购物商城的主要功能</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="container_12" style="width: 960px;top:0;left: 0;">
				                            <div class="grid_8 prefix_4" style="padding-left: 88px;">
				                                <div class="wrapper pad1">
				                                	<a href="#!/page_splash" class="closeBtn"><span></span></a>
				                                    <h2>如果您喜欢我，请记得要联系我哦 ^_^</h2>
				                                </div>
				                            </div>
				                            <div class="grid_7 suffix_1 prefix_4" style="padding-left: 88px;">
				                                <div class="wrapper">
				                                    <div class="hr"></div>
				                                </div>
				                            </div>
				                            <div class="grid_8 prefix_4" style="padding-left: 88px;">
				                                <div class="wrapper">
				                                    <h2 style="padding-top: 10px;">联系方式</h2>
				                                    <form id="form1" action="javasctipr:;" />
				                                      <div class="success"> Contact form submitted! <strong>We will be in touch soon.</strong>
				                                      </div>
				                                      <fieldset>
				                                        <div class="w3">
				                                    		<label class="name" >
				                                              <span>求职姓名:</span>
				                                    		  <input type="text" value="赵保柱" style="color: #FFF;font-size: 16px;" disabled="" />
				                                    		  <span class="error">*This is not a valid name.</span> <span class="empty">*This field is required.</span> </label><br />
				                                            <label class="email">
				                                              <span>我的邮箱:</span>
				                                    		  <input type="email" value="422852954@qq.com"  style="color: #FFF;font-size: 16px;" disabled=""/>
				                                    		  <span class="error">*This is not a valid email address.</span> <span class="empty">*This field is required.</span> </label><br />
				                                            <label class="phone">
				                                              <span>联系电话:</span>
				                                              <input type="tel" value="13552711671"  style="color: #FFF;font-size: 16px;" disabled=""/>
				                                    		  <span class="error">*This is not a valid phone number.</span> <span class="empty">*This field is required.</span> </label>
				                                        </div>
				                                        <div class="w3">
				                                    		<label class="message">
				                                              <span>自我评价:</span>
				                                    		  <textarea disabled="">学习永无止境，技术是坚强的后盾,对php开发有自己的认真，热爱编程，喜爱网站开发</textarea>
				                                    		  <span class="error">*The message is too short.</span> <span class="empty">*This field is required.</span> </label>
				                                    	<br class="clear" />
				                                    	<!--<div class="btns"><p><a href="#" class="readMore" data-type="reset">Clear</a><a href="#" class="readMore" data-type="submit">Send</a></p></div>-->
				                                        </div>
				                                      </fieldset>
				                                    </form>
				                                </div>   
				                            </div>   
				                        </div> 	
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li id="page_about_us">
                        <div class="container_12">
                            <div class="grid_7 prefix_4 suffix_1">
                                <div class="wrapper pad1">
                                	<a href="#!/page_splash" class="closeBtn"><span></span></a>
                                    <h1>欢迎来到我的项目展示 !</h1>
                                    <div class="scroll v2">
                                        <!--<p class="color2">Thank you for coming to see me show platform verv much!</p>-->
                                        <h2>Let me introduce myself</h2>
                                        <h2>我来自河北省石家庄，毕业于河北工业大学,热爱编程，所以选择了软件编程行业。</h2>
                                        <h2>在廊坊工作了三个月，使用织梦CMS开发了几个网站（<a href="http://www.bjfnj.com" target="_blank">福暖嘉</a> | <a href="http://www.yjshunxibanjia.com/" target="_blank">燕郊顺喜搬家</a> | <a href="http://www.fengyibw.com/" target="_blank">廊坊丰翼保温</a>）</h2>
                                        <h2>代码git地址：http://git.oschina.net/zhaobaozhu</h2>
                                        <h2>技能掌握：</h2>
										  &nbsp;&nbsp;&nbsp;&nbsp;熟练掌握语义化的 HTML5 和具有兼容性的 CSS3 模式，有良好的代码书写习惯。<br />
										  &nbsp;&nbsp;&nbsp;&nbsp;熟练掌握 Bootstap 、FlatUI、Animate 等等前端开发和团队协作工具。<br />
										  &nbsp;&nbsp;&nbsp;&nbsp;熟练掌握 jQuery，实现日常需要的交互效果。<br />
										  &nbsp;&nbsp;&nbsp;&nbsp;熟练掌握PHP，Mysql，有非常扎实 PHP 后端相关知识。<br />
										  &nbsp;&nbsp;&nbsp;&nbsp;熟练掌握Ajax 工作原理和实现方法。<br />
										  &nbsp;&nbsp;&nbsp;&nbsp;独立开发大型购物商城网站<br />
										  &nbsp;&nbsp;&nbsp;&nbsp;服务器使用阿里云ECS，对 Linux 有一定了解。
                                    </div>
                                    <div class="hr"></div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li id="page_mail">
                        <div class="container_12">
                            <div class="grid_8 prefix_4">
                                <div class="wrapper pad1">
                                	<a href="#!/page_splash" class="closeBtn"><span></span></a>
                                    <h2>如果您喜欢我，请记得要联系我哦 ^_^</h2>
                                </div>
                            </div>
                            <div class="grid_7 suffix_1 prefix_4">
                                <div class="wrapper">
                                    <div class="hr"></div>
                                </div>
                            </div>
                            <div class="grid_8 prefix_4">
                                <div class="wrapper">
                                    <h2>联系方式</h2>
                                    <form id="form1" action="javasctipr:;" />
                                      <div class="success"> Contact form submitted! <strong>We will be in touch soon.</strong>
                                      </div>
                                      <fieldset>
                                        <div class="w3">
                                    		<label class="name" >
                                              <span>求职姓名:</span>
                                    		  <input type="text" value="赵保柱" style="color: #FFF;font-size: 16px;" disabled="" />
                                    		  <span class="error">*This is not a valid name.</span> <span class="empty">*This field is required.</span> </label><br />
                                            <label class="email">
                                              <span>我的邮箱:</span>
                                    		  <input type="email" value="422852954@qq.com"  style="color: #FFF;font-size: 16px;" disabled=""/>
                                    		  <span class="error">*This is not a valid email address.</span> <span class="empty">*This field is required.</span> </label><br />
                                            <label class="phone">
                                              <span>联系电话:</span>
                                              <input type="tel" value="13552711671"  style="color: #FFF;font-size: 16px;" disabled=""/>
                                    		  <span class="error">*This is not a valid phone number.</span> <span class="empty">*This field is required.</span> </label>
                                        </div>
                                        <div class="w3">
                                    		<label class="message">
                                              <span>自我评价:</span>
                                    		  <textarea disabled="">学习永无止境，技术是坚强的后盾,对php开发有自己的认真，热爱编程，喜爱网站开发</textarea>
                                    		  <span class="error">*The message is too short.</span> <span class="empty">*This field is required.</span> </label>
                                    	<br class="clear" />
                                    	<!--<div class="btns"><p><a href="#" class="readMore" data-type="reset">Clear</a><a href="#" class="readMore" data-type="submit">Send</a></p></div>-->
                                        </div>
                                      </fieldset>
                                    </form>
                                </div>   
                            </div>   
                        </div>   
                    </li>
                </ul>
            </section>
            <!-- FOOTER -->
            <footer>
                <div class="container_12">
                    <div class="grid_9 prefix_3">       
                        <p>copy  (c) 2015  | By Azphp </p>
                        <!-- {%FOOTER_LINK} -->
                    </div>       
                </div>       
            </footer>
            <!-- END FOOTER -->
        </div>
        <!-- END CONTENT -->
    </div>


</body>
</html>